.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-row-reverse {
    display: flex;
    flex-direction: row-reverse;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-column-reverse {
    display: flex;
    flex-direction: column-reverse;
}

.flex-wrap-no {
    flex-wrap: nowrap;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}

.flex-content-start {
    justify-content: flex-start;
}

.flex-content-end {
    justify-content: flex-end;
}

.flex-content-center {
    justify-content: center;
}

.flex-content-between {
    justify-content: space-between;
}

.flex-content-around {
    justify-content: space-around;
}

.flex-item-start {
    align-items: flex-start;
}

.flex-item-end {
    align-items: flex-end;
}

.flex-item-center {
    align-items: center;
}

.flex-item-baseline {
    align-items: baseline;
}

.flex-item-stretch {
    align-items: stretch;
}
.w100{
    width: 100%;
}
.w100-main{
    width: 100vw;
}
.h100{
    height: 100vh;
}
.shadow{
    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5)
}
.shadow-hover{
    box-shadow: 0 0 10px #ccc;
}
.shadow5{
    box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.5)
}
.shadow5-hover{
    box-shadow: 0 0 5px #ccc;
}
.shadow8{
    box-shadow: 8px 8px 4px rgba(0, 0, 0, 0.5)
}
.shadow8-hover{
    box-shadow: 0 0 8px #ccc;
}
.shadow-two{
    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5), /* 第一层阴影 */
    20px 20px 15px rgba(0, 0, 0, 0.3); /* 第二层阴影 */
}
.padding-40{
    padding: 40px;
}
.margin-top-20{
    margin-top: 20px;
}
.margin-top-40{
    margin-top: 40px;
}
.avatar-uploader .avatar {
    width: 100px;
    height: 100px;
    display: block;
}
.avatar-uploader .el-upload {
    border: 1px dashed var(--el-border-color);
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: var(--el-transition-duration-fast);
}
.toobar{
    margin-bottom: 10px;
}
.avatar-uploader .el-upload:hover {
    border-color: var(--el-color-primary);
}

.el-icon.avatar-uploader-icon {
    /*font-size: 28px;*/
    color: #8c939d;
    width: 100px;
    height: 100px;
    text-align: center;
}
.seach-class > div{
    margin-right: 20px;
}
.seach-input{
    width: 150px;
    height: 30px;
    /*background-color: #00f7de;*/
    margin-right: 10px;
    margin-bottom: 10px;
}
.top10{
    margin-top: 10px;
}
.padding20{
    padding: 20px;
}
.date-picker-class{
    max-width: 350px;!important;
}
.edit-class{
    max-width: 700px;
    min-height:700px;
}
/* 强制编辑器内容区域填充容器 */
.ckeditor-wrapper .ck-editor__editable {
    min-height: calc(100% - 45px);!important; /* 总高度 - 工具栏高度 */

}
.editor-wrapper{
    min-height: 500px;
    border: 1px solid #ccc;
}
[v-cloak]{
    display: none;
}
#app{
    font-size: 14px;
}